<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<html>
<head>
<meta name="decorator" content="front" />
<title>接送机/火车</title>
<link href="${ctxStatic }/cityselector/cityselect.css" rel='stylesheet'type='text/css' />
<script type="text/javascript" src="${ctxStatic }/cityselector/cityselect.js"></script>
<style type="text/css">
.WdateDiv .dpButton{
	background-color: #88BF10;
}
.Wdate{
	height: 26px;
	border:1px solid #dddddd;
}
</style>
<script type="text/javascript">
$(function(){
	// 初始化站点选择框
	
	// 机场
	$.post('${ctxFront}/info/site/siteJson',{spottypes:'9'}, function(data) {
		new Vcity.CitySelector({input:'departcity_sitename3',cityData:data});
	});
	// 火车站
	$.post('${ctxFront}/info/site/siteJson',{spottypes:'8'}, function(data) {
		new Vcity.CitySelector({input:'departcity_sitename4',cityData:data});
	});
	// 送达城市
	$.post('${ctxFront}/info/site/siteJson',{spottypes:'a'}, function(data) {
		new Vcity.CitySelector({input:'destcity_sitename3',cityData:data});
		new Vcity.CitySelector({input:'destcity_sitename4',cityData:data});
	});
	
	//接送机提交
	$("#airportsearch").click(function(){
		if($('#departcity_sitename3').val()=="") {
			alert("机场不能为空");
		}else {
			$('#airportRentForm').submit();
		}
	});
	//接送火车提交
	$("#trainRentsearch").click(function(){
		if($('#departcity_sitename4').val()=="") {
			alert("火车站不能为空");
		} else {
			$('#trainRentForm').submit();
		}
	});
	$('.airportRentTab').click(function(){
		$('.airportRentTab').removeClass('flex_con_top_action');
		$(this).addClass('flex_con_top_action');
		$('#airportRentType').val($(this).attr('data-value'));
		changeShowSpan($(this).attr('data-value'),'airport');
	});
	
	$('.trainRentTab').click(function(){
		$('.trainRentTab').removeClass('flex_con_top_action');
		$(this).addClass('flex_con_top_action');
		$('#trainRentType').val($(this).attr('data-value'));
		changeShowSpan($(this).attr('data-value'),'train');
	});
	
});

function changeShowSpan(val,type){
	if(type=='airport'){
		if(val=='接机') {
			var span = $('.airportDestcitySpan');
			$(span[0]).text('机场');
			$(span[1]).text('抵达地点');
		} 
		if(val=='送机') {
			var span = $('.airportDestcitySpan');
			$(span[0]).text('机场');
			$(span[1]).text('出发地点');
		}
	}
	if(type=='train'){
		if(val=='接火车') {
			var span = $('.trainDestcitySpan');
			$(span[0]).text('火车站');
			$(span[1]).text('抵达地点');
		} 
		if(val=='送火车') {
			var span = $('.trainDestcitySpan');
			$(span[0]).text('火车站');
			$(span[1]).text('出发地点');
		}
	}
}
</script>
</head>
<body>
	<input type="hidden" id="menuInfo" value="indexPickSend">
	<!-- 轮播广告 -->
	<div id="banner_tabs" class="flexslider flexslider_height">
		<ul class="slides">
			<c:forEach items="${sysAdsList }" var="sysAds">
				<li>
					<a target="_blank" href="${pageContext.request.contextPath}/${sysAds.linkurl }">
						<img alt="" class="flexslider_height" style="background: url(${sysAds.pageurl }) no-repeat;background-position: center;" />
					</a>
				</li>
			</c:forEach>
		</ul>
		<ul class="flex-direction-nav">
			<li><a class="flex-prev" href="javascript:;">Previous</a></li>
			<li><a class="flex-next" href="javascript:;">Next</a></li>
		</ul>
		<ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
			<c:forEach items="${sysAdsList }" var="sysAds" varStatus="vs">
				<li><a>${vs.index+1 }</a></li>
			</c:forEach>
		</ol>
		<div class="index_select">
		<div class="flex_suspension font_larger_size">
			<div class="flex_nav">
				<div id="flex_nav_4" class="flex_nav_div flex_nav_action">接送机</div>
				<div id="flex_nav_5" class="flex_nav_div ">接送火车</div>
			</div>
			<div id="flex_con_4" class="flex_con font_normal_size">
				<form id="airportRentForm" action="${ctxFront}/rentproduct/list" method="get">
					<input type="hidden" name="rentType" value="${ORDER_TYPE_RENTPRODUCT_AIRPLANE }"/>
					<input id="airportRentType" type="hidden" name="tabType" value="接机"/>
					<div class="flex_con_all">
						<div class="flex_con_top flex_con_line">
							<div class="airportRentTab flex_con_top_action" data-value="接机">接机</div>
							<div class="airportRentTab" data-value="送机">送机</div>
						</div>
						<div class="clear"></div>
						<div class="flex_con_line" id="airport_destcity_code_div">
							<label class="display_ib airportDestcitySpan">机场</label>
							<input type="text" id="departcity_sitename3" class="display_ib flex_select1" name="departcity.sitename" value="" placeholder="请选择机场" autocomplete="off">
							<input type="hidden" name="departcity.siteid" value="">
						</div>
						<div class="flex_con_line">
							<label class="display_ib">用车时间</label>
							<input type="text" name="fromdateStr" readonly class="display_ib flex_input_ty1 Wdate" value="${tomorrow }"
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,minDate:'${today}'});"/>
							<input type="text" name="time" readonly class="display_ib flex_input_th1 Wdate" value="${time }"
								onclick="WdatePicker({dateFmt:'HH:mm',isShowClear:false});"/>
						</div>
						<div class="flex_con_line">
							<label class="display_ib airportDestcitySpan">抵达地点</label>
							<input type="text" id="destcity_sitename3" data-autocity="no" class="display_ib flex_select1" name="destcity.sitename" value="" placeholder="请选择地点" autocomplete="off">
							<input type="hidden" name="destcity.siteid" value="">
						</div>
						<div class="flex_con_line">
							<div id="airportsearch" class="float_r flex_con_search1 pointer">
								搜索
							</div>
						</div>
					</div>
				</form>
			</div>
			<div id="flex_con_5" class="flex_con hide font_normal_size">
				<form id="trainRentForm" action="${ctxFront}/rentproduct/list" method="get">
					<input type="hidden" name="rentType" value="${ORDER_TYPE_RENTPRODUCT_TRAIN }"/>
					<input id="trainRentType" type="hidden" name="tabType" value="接火车"/>
					<div class="flex_con_all">
						<div class="flex_con_top flex_con_line">
							<div class="trainRentTab flex_con_top_action" data-value="接火车">接火车</div>
							<div class="trainRentTab" data-value="送火车">送火车</div>
						</div>
						<div class="clear"></div>
						<div class="flex_con_line" id="trainRent_destcity_code_div">
							<label class="display_ib trainDestcitySpan">火车站</label>
							<input type="text" id="departcity_sitename4" class="display_ib flex_select1" name="departcity.sitename" value="" placeholder="请输入火车站" autocomplete="off">
							<input type="hidden" name="departcity.siteid" value="">
						</div>
						<div class="flex_con_line">
							<label class="display_ib">用车时间</label>
							<input type="text" name="fromdateStr" readonly class="display_ib flex_input_ty1 Wdate" value="${tomorrow }"
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,minDate:'${today}'});"/>
							<input type="text" name="time" readonly class="display_ib flex_input_th1 Wdate" value="${time }"
								onclick="WdatePicker({dateFmt:'HH:mm',isShowClear:false});"/>
						</div>
						<div class="flex_con_line">
							<label class="display_ib trainDestcitySpan">抵达地点</label>
							<input type="text" id="destcity_sitename4" data-autocity="no" class="display_ib flex_select1" name="destcity.sitename" value="" placeholder="请输入送达地点" autocomplete="off">
							<input type="hidden" name="destcity.siteid" value="">
						</div>
						<div class="flex_con_line">
							<div id="trainRentsearch" class="float_r flex_con_search1 pointer">
								搜索
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
		</div>
	</div>
	<div class="con_hot">
		<div class="con_hot_title">
			<p class="font_large_size">热门城市精选</p>
			<p class="font_normal_size">惊爆一口价 优惠享不停</p>
		</div>
		<div class="con_hot_city">
			<div class="con_hot_city_green">常州</div>
			<div class="con_hot_city_gray">上海</div>
			<div class="con_hot_city_gray">无锡</div>
			<div class="con_hot_city_gray">苏州</div>
			<div class="con_hot_city_gray">杭州</div>
			<div class="con_hot_city_gray">黄山</div>
			<div class="con_hot_city_gray">南京</div>
			<div class="con_hot_city_gray">合肥</div>
			<div class="con_hot_city_gray" style="margin: 0">扬州</div>
		</div>
		<div class="clear"></div>
		<div class="con_hot_product ">
			<div class="con_hot_product_col font_normal_size">
				
				<div class="con_hot_product_col_t ">
					<span>19座中巴</span>含车/险/驾  可乘18人
				</div>
				<div class="con_hot_product_col_i">
					<img src="${ctxStatic}/xiake/images/model_1.png" />
				</div>
				<div class="con_hot_product_col_p">
					<div class="float_r">
						<span>￥235/天</span>
					</div>
				</div>
			</div>
			<div class="con_hot_product_col font_normal_size">
				
				<div class="con_hot_product_col_t ">
					<span>33座中巴</span>含车/险/驾  可乘32人
				</div>
				<div class="con_hot_product_col_i">
					<img src="${ctxStatic}/xiake/images/model_2.png" />
				</div>
				<div class="con_hot_product_col_p">
					<div class="float_r">
						<span>￥235/天</span>
					</div>
				</div>
			</div>
			<div class="con_hot_product_col font_normal_size">
				
				<div class="con_hot_product_col_t ">
					<span>45座中巴</span>含车/险/驾  可乘44人
				</div>
				<div class="con_hot_product_col_i">
					<img src="${ctxStatic}/xiake/images/model_3.png" />
				</div>
				<div class="con_hot_product_col_p">
					<div class="float_r">
						<span>￥235/天</span>
					</div>
				</div>
			</div>
			<div class="con_hot_product_col font_normal_size">
				
				<div class="con_hot_product_col_t ">
					<span>19座中巴</span>含车/险/驾  可乘18人
				</div>
				<div class="con_hot_product_col_i">
					<img src="${ctxStatic}/xiake/images/model_4.png" />
				</div>
				<div class="con_hot_product_col_p">
					<div class="float_r">
						<span>￥235/天</span>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<!-- <div class="con_more font_normal_size">更多</div> -->
		<div class="con_more_repair"></div>
	</div>
	<div class="con_img_bg">
		<div class="con_img ">
			<img src="${ctxStatic}/xiake/images/pickSend1.png" />
		</div>
	</div>
	<div class="con_character2 hide">
		<div class="con_evaluate_title">
			<p class="font_large_size">如何预定</p>
		</div>
		<div class="con_character_c2">
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_ps2.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_ps3.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_ps4.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_ps5.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_ps6.png"/></div>
			</div>
			<div class="con_character_f2">
				<div class="con_character_i"><img src="${ctxStatic}/xiake/images/icon/icon_ps1.png"/></div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="con_character2 hide">
		<div class="con_evaluate_title">
			<p class="font_large_size">产品特色</p>
		</div>
		<div class="con_character_c">
			<div class="con_character_f">
			
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_15.png"/></div>
				<div class="con_character_h2 font_larger_size">航班晚点</div>
				<div class="con_character_h2 font_larger_size">司机免费等待</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_13.png"/></div>
				<div class="con_character_h2 font_larger_size">服务全面</div>
				<div class="con_character_h2 font_larger_size">覆盖全国机场和火车站</div>
		</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_5.png"/></div>
				<div class="con_character_h2 font_larger_size">线上预定</div>
				<div class="con_character_h2 font_larger_size">保障用车安全可靠</div>
			</div>
			<div class="con_character_f">
				<div class="con_character_i"><img class="con_character_img" src="${ctxStatic}/xiake/images/icon/icon_14.png"/></div>
				<div class="con_character_h2 font_larger_size">车型丰富</div>
				<div class="con_character_h2 font_larger_size">专业司机为您服务</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</body>
</html>